<template>
  <div class="demo" id="app">
    <div class="demo-header"></div>
    <div class="demo-main">
      <div class="demo-main-left">
        <div class="demo-menu">
          <div class="demo-menu-item" v-for="item in $router.options.routes" :key="item.name">
            <router-link tag="div" :to="item">
              <span>{{item.meta.desc}}</span>
              <span>{{item.meta.title}}</span>
            </router-link>
          </div>
        </div>
      </div>
      <div class="demo-main-right">
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>

<script>
// import HelloWorld from './components/HelloWorld.vue'

export default {
  name: "app",
  components: {
    // HelloWorld
  },
  created() {
    console.log(this.$route, this.$router.options.routes);
  }
  // computed: {}
};
</script>

